
<div class="goods-lists serach-results">

  <div class="main">
    <div class="content-wrap">

      <h1 class="tt0"><span class="inlineBlock"><em class="keyWords">“太太乐鸡精”</em>的搜索结果</span><span class="right results">共<em class="resultsNum">1231</em>个相关商品</span></h1>


      <h1 class="tt0"><span class="inlineBlock levelOne">食品添加剂<i class="fa fa-angle-down"></i></span><i class="fa fa-angle-right divideNext"></i><span class="inlineBlock levelTwo">水分保湿剂<i class="fa fa-angle-down"></i></span><i class="fa fa-angle-right divideNext"></i>
        <span class="inlineBlock">“太太乐”</span>
        <span class="right results">共<em class="resultsNum">1231</em>个相关商品</span></h1>

      <div class="classify">
        <!--<div class="classLevel oneLine"><span class="tt1">品牌</span>-->

        <div class="classLevel"><span class="tt1">类型</span>
          <ul class="lists">
            <li><a href="">食品添加剂</a></li>
            <li><a href="">食品配料</a></li>
            <li><a href="">食品调味料</a></li>
          </ul>



        </div>

        <div class="classLevel oneLine"><span class="tt1">分类</span>
          <ul class="lists">
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
          </ul>
          <span class="selectBtns"><span class="morelevel inlineBlock">更多<i class="fa fa-angle-down"></i></span></span>
        </div>
        <div class="classLevel oneLine"><span class="tt1">品种</span>
          <ul class="lists">
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">最多六个字啊</a></li>
            <li><a href="">艾科瑞</a></li>
          </ul>
          <span class="selectBtns"><span class="morelevel inlineBlock">更多<i class="fa fa-angle-down"></i></span></span>

        </div>

        <div class="classLevel oneLine"><span class="tt1">品牌</span>
          <ul class="lists">
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>艾科瑞</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>艾科瑞</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>艾科瑞</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>艾科瑞</a></li>
            <li><a href=""><em class="check-box"></em>艾科瑞</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>艾科瑞</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>最多六个字啊最多六个字啊</a></li>
            <li><a href=""><em class="check-box"></em>艾科瑞</a></li>
          </ul>
          <span class="selectBtns">
            <span class="moreSelect inlineBlock">多选<i class="fa fa-plus"></i></span>
            <span class="morelevel inlineBlock">更多<i class="fa fa-angle-down"></i></span>
          </span>
          <span class="confirmSelect">
            <span class="confirm inlineBlock">确认</span>
            <span class="cancel inlineBlock">取消</span>
          </span>

        </div>
        <div class="filterType">
          <ul class="navs">
            <li>综合</li>
            <li>销量</li>
            <li  class="current price">价格<i class="fa fa-arrow-up"></i></li>
          </ul>
          <span class="freeExample inlineBlock"> <span class="check-box"></span>免费拿样 <span class="tip-icon">?</span></span>
          <span class="miniNumber inlineBlock">起订量 <input type="number">以下</span>
          <span class="page right"><em class="active">1</em>/22 <span class="pre inlineBlock"><i class="fa fa-angle-left"></i></span><span class="next inlineBlock"><i class="fa fa-angle-right"></i></span></span>
        </div>
      </div>


      <div class="goodsItems">
        <div class="items left">
          <div class="item hover">
            <div class="img" id="img0">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div class="addCartMask"></div>
              <p class="txtMask"><i class="fa fa-shopping-cart"></i>  加入购物车</p>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>

          <div class="item">
            <div class="img">
              <img src="http://static.tianpinwang.com.cn/v1/images/moment/goods.png" alt="">
              <div></div>
            </div>
            <p class="priceInfo"><span class="price">￥<em class="priceNum">25.00</em>/公斤</span><span class="right">已售<em>3344</em>公斤</span></p>
            <a class="name" href="">二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素二氢杨梅素</a>
          </div>
        </div>

        <div class="right historyLook">
          <h1 class="tt">最近浏览过</h1>
          <ul class="lookedList">
            <li>
              <a href="">
                <h1 class="name">藤茶提取二氢杨梅素</h1>
                <p class="price">￥26.00/公斤</p>
                <img src="http://static.tianpinwang.com.cn/v1/images/moment/looked.png" alt="" class="img">
              </a>
            </li>
            <li>
              <a href="">
                <h1 class="name">藤茶提取二氢杨梅素</h1>
                <p class="price">￥26.00/公斤</p>
                <img src="http://static.tianpinwang.com.cn/v1/images/moment/looked.png" alt="" class="img">
              </a>
            </li>
            <li>
              <a href="">
                <h1 class="name">藤茶提取二氢杨梅素</h1>
                <p class="price">￥26.00/公斤</p>
                <img src="http://static.tianpinwang.com.cn/v1/images/moment/looked.png" alt="" class="img">
              </a>
            </li>
            <li>
              <a href="">
                <h1 class="name">藤茶提取二氢杨梅素</h1>
                <p class="price">￥26.00/公斤</p>
                <img src="http://static.tianpinwang.com.cn/v1/images/moment/looked.png" alt="" class="img">
              </a>
            </li>
            <li>
              <a href="">
                <h1 class="name">藤茶提取二氢杨梅素</h1>
                <p class="price">￥26.00/公斤</p>
                <img src="http://static.tianpinwang.com.cn/v1/images/moment/looked.png" alt="" class="img">
              </a>
            </li>

            <!--<li class="nullInfo">暂无记录</li>-->
          </ul>
        </div>
      </div>



      <!--none info-->
      <!--<div class="goodsItems">-->
      <!--<div class="noneGoods">-->
      <!--<img src="http://static.tianpinwang.com.cn/v1/images/addCartFail.png" alt="">-->
      <!--<p class="tt0">抱歉，没有找到与“甲乙丙丁”相关的商品</p>-->
      <!--<p class="txt0">您可以修改关键字重新搜索</p>-->
      <!--</div>-->
      <!--</div>-->


    </div>
  </div>

</div>

<script>
  $(function(){


    if($('.messageInfo').text().length>1){
      $('.messageInfo').addClass('bigNumber');
    };
    $('.cartList').children('li').on('mouseenter',function(){
      $(this).find('.close').css('display','block');
    }).on('mouseleave',function(){
      $(this).find('.close').css('display','none');
    });
    $('.cartList').find('.close').on('click',function(e){
      e.preventDefault();
      $(this).parent().parent().remove();
    });
    $('.shopping').on('mouseover',function(){
      $('.popList').css('display','block');
    }).on('mouseout',function(){
      $('.popList').css('display','none');
    });
    $('.logged').on('mouseenter',function(){
      $('.popNav').css('display','block');
    }).on('mouseleave',function(){
      $('.popNav').css('display','none');
    });


//    search results

    $('.morelevel').on('click',function(){
      if(!$(this).hasClass('flagClass')){
        $(this).addClass('flagClass').html('收起<i class="fa fa-angle-up"></i>').parent().parent().removeClass('oneLine');
      }else {
        $(this).removeClass('flagClass').html('更多<i class="fa fa-angle-down"></i>').parent().parent().addClass('oneLine');
      }
    });
    $('.moreSelect').on('click',function(){
      $(this).parent().parent().removeClass('oneLine');
        $(this).parent().siblings('.lists').find('.check-box').css('display','block');
        $(this).css('display','none').siblings('.morelevel').css('display','none');
      $('.confirmSelect').css('display','block');
    });


    $(document).on('click','.oneLine a .check-box,.oneLine a',function(e){
      e.preventDefault();
    });


  })
</script>
</body>
</html>